<template>

    <div class="s1">
        <h2 class="title">简易取值</h2>
        <div>uid : {{ uid }}</div>
        <div>uname : {{ uname }}</div>
    </div>

    <div class="s2">
        <h2 class="title">限制类型<泛型>
        </h2>
        <div>name : {{ name }}</div>
    </div>

</template>

<script setup lang="ts">
// 简易方法
defineProps(['uid', 'uname'])
// 取值
const props = defineProps(['uid', 'uname'])
console.log(props.uid);
console.log(props.uname);
// 限制
defineProps<{
    name: string;
}>()

// 可以不传
defineProps<{
    name?: string;
}>()

// 带默认值
withDefaults(defineProps<{
    name?: string;
}>(), { name: () => "无名氏" })

// 传多个
defineProps<{
    name?: string; age: number;
}>()




</script>

<style scoped></style>